.ps_dialog {
  position: absolute;
  color: #fff;
  width: 100%;
  height: 100%;
}
.ps-dialog-head {
  display: block;
  height: 32px;
  line-height: 32px;
}
.ps-dialog-title {
  position: absolute;
  left: 0;
  padding-left: 15px;
  width: calc(~'100% - 50px');
  height: 32px;
  font-size: 16px;
  color: #28b6ff;
  background: url(./detail/dialog_head_left.png) no-repeat left top;
}
.ps-dialog-close {
  position: absolute;
  right: 0;
  padding-left: 17px;
  width: 50px;
  height: 32px;
  font-size: 12px;
  color: #ccc;
  text-align: center;
  line-height: 20px;
  background: url(./detail/dialog_head_right.png) no-repeat right top;
  a{
    color: #abb7bb;
    text-decoration: none;
  }
}
.ps-dialog-body {
  width: 100%;
  font-size: 16px;
  height: 94%;
  padding:14px 14px 0 20px;
  min-width: 200px;
  position: relative;
  background: url(./detail/dialog_body_left.png) no-repeat left top,
  url(./detail/dialog_body_left2.png) no-repeat left bottom,
  url(./detail/dialog_body_right.png) no-repeat right top,
  rgba(0, 0, 0, 0.76);
  overflow: auto;
  &::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
  }
  &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
  }
  &::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
  }
}

.ps-dialog-foot {
  display: block;
  padding: 0 10px;
  height: 14px;
  color: #fff;
}
.ps-dialog-foot:before {
  position: absolute;
  left: 0;
  content: '';
  //width: calc(100% - 138px);
  width: calc(~'100% - 138px');
  height: 14px;
  background: url(./detail/dialog_foot_left.png) no-repeat left top;
}
.ps-dialog-foot:after {
  position: absolute;
  right: 0;
  content: '';
  width: calc(138px);
  height: 14px;
  background: url(./detail/dialog_foot_right.png) no-repeat right top;
}